<template>
  <div class="container">
      <s-carousel :banner-arr="bannerArr"></s-carousel>
      <div style="height: 1000px;"></div>
  </div>
</template>

<script lang="ts">
 import {Vue,Component,Watch} from 'vue-property-decorator'
 import SCarousel from '../components/s-carousel/s-carousel.vue'
 type TbannerArr = {id:number,image_url:string,href:string}
 @Component({
    components:{
      SCarousel
    }
  })
 export default class Index extends Vue{
   bannerArr:TbannerArr[] = [
     {
       id:1,
       image_url:'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F1%2F58eafc4ed584c.jpg&refer=http%3A%2F%2Fpic1.win4000.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1617534732&t=f89116d1009cfd37f0065e2a6e7b88de',
       href:'/goods'
     },
     {
       id:2,
       image_url:'https://ss0.baidu.com/94o3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/3c6d55fbb2fb4316f58cd08820a4462308f7d3b5.jpg',
       href:'/goods'
     },
     {
       id:3,
       image_url:'https://ss0.baidu.com/94o3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/3c6d55fbb2fb4316f58cd08820a4462308f7d3b5.jpg',
       href:'/goods'
     }
   ]
    // a:number = 1
    // b:number = 2

    // a(key:number):void{
    //   this.a = 1
    // }
    // @Watch()

 }
// export default {
//   middleware(){
//     // console.log('pages middleware')
//   },
//   //参数验证
//   validate(context){
//     // console.log('validate')
//     return true
//   },
//   // 读取数据并将数据显示到组件
//   async asyncData(context) {
//     // let res = await context.$axios({url:'/data/list.json'})
//     // console.log(res.data.title)
//     //   console.log('asyncData')
//     let res1 = await context.$axios({url:'https://server.lvacms.cn/api/v1/admin_api/auth/index/main',validateStatus: function(status) {
//           return status >= 200 && status < 600;
//         }})
//       console.log(res1.data)
//       // return {
//       //   title:res.data.title
//       // }
//   },
//   // 读数据 返回到vuex
//   fetch({ store, params }) {
//     // console.log('fetch')
//   },
//   beforeCreate(){
//       // console.log('beforeCreate')
//   },
//   created(){
//     // console.log('created')
//   }
// }
</script>

<style lang="scss" scoped>
</style>
